<template >
    <fieldset class="thsoncom">
        <ul>
            <li>标题：丨 《Servlet/JSP深入详解》 怎么样 发帖人：丨张三 发帖时间：丨2019-10-21 20：10：15/点赞数：{{i}}<button @click="btn1()">赞</button></li>
             <li>标题：丨 《VC++深入详解》 观后感 发帖人：丨李四 发帖时间：丨2019-10-10 09：15：11/点赞数：{{k}}<button @click="btn2()">赞</button></li>
             <li>标题：丨 《Vue.js无难事》 怎么样 发帖人：丨王五 发帖时间：丨2019-11-11 15：22：03/点赞数：{{m}}<button @click="btn3()">赞</button></li>
        </ul>
        
    </fieldset>
    </template>
<script setup>
import { ref } from 'vue';
 let i = ref(0);
 let k = ref(0);
 let m = ref(0);
 let btn1 = ()=>{
        i.value++;
    }
    let btn2 = ()=>{
        k.value++;
    }
    let btn3 = ()=>{
        m.value++;
    }
 </script>
<style scoped>

</style>